@charset "utf-8";
.w{ width:1100px; margin:0 auto;}
.top{ width:100%; height:40px; background-color:#7eba46; color:#fff;}
.top_w{ font-size:12px; color:#fff; line-height:40px;}
.top_w .pr{ display:inline-block; float:right; }
.top_w .pr a{ color:#fff;}

.nav{ height:110px;}
.nav .logo{ width:156px; height:70px; display:block; margin:20px 0; float:left}
.nav .nav_fr{ display:inline-block; float:right;}
.nav .nav_fr li{ float:left; line-height:50px; padding:0 12px; margin:30px 10px; font-size:16px;}
.nav .nav_fr li a{ display:block;}
.nav .nav_fr li a:after{ content:''; width:0; height:2px; background-color:#7eba46; display:block; margin:0 auto; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.nav .nav_fr li:hover a:after,.nav .nav_fr li.on a:after{ width:100%;}
.nav .nav_fr li:hover a,.nav .nav_fr li.on a{ color:#7eba46;}

.slideBox{ width:100%; height:500px; overflow:hidden; position:relative;}
.slideBox .hd{ height:30px; overflow:hidden; position:absolute;  bottom:10px; z-index:1; left:50%; margin-left:-35px; }
.slideBox .hd ul{ overflow:hidden; zoom:1;   }
.slideBox .hd ul li{display: block;width: 14px;height: 14px;border-radius: 100%;cursor: pointer;float:left; margin:2px 4px; background:#fff;}
.slideBox .hd ul li.on{background-color:#121212; border:2px solid #fff; margin:0 4px !important; width:18px; height:18px;}
.slideBox .bd{ position:absolute; height:100%; z-index:0;width:1920px;left:50%; margin-left:-960px;}
.slideBox .bd li{ zoom:1; vertical-align: middle;  }
.slideBox .bd img{ height:500px; display:block; width:1920px;  }

.about{ margin:20px auto 10px;}
.index_til{ line-height:40px;  color:#444; border-bottom:1px solid #ddd;}
.index_til h4{font-size:18px; text-transform:capitalize; display:inline-block; font-weight:400; position:relative; padding-left:46px;}
.index_til h4:before{ content:''; width:40px; height:40px; background:url(../images/about_ico.png) no-repeat center center; display:inline-block; position:absolute; top:0px; left:0;}
.news_ico h4:before{ background:url(../images/news_ico.png) !important;}
.product_ico h4:before{ background:url(../images/product_ico.png) !important;}
.links_ico h4:before{ background:url(../images/links_ico.png) !important;}

.index_til .more{ display:inline-block; float:right; line-height:40px;}
.about_con{ padding:30px 20px;}
.about_con img{ width:510px; height:274px; float:left;}
.about_con p{ width:488px; float:right; font-size:14px; color:#666; line-height:26px; padding:16px 0;}

.news_wrap{ width:100%; background-color:#f5f5f5; padding:30px 0 20px;}
.news_con .first_news{ width:520px; float:left; padding:14px 0;}
.news_til{ line-height:40px;}
.news_til h3{ display:inline-block; font-weight:400;font-size:16px; }
.news_til h3 a{ color:#444;}
.news_til h3 a:hover,.news_list ul li a:hover{ color:#7eba46;}
.news_til span{ float:right; color:#666;font-size:16px;  }
.news_thumb{ padding:10px;}
.news_thumb img{ width:230px; height:138px; float:left;}
.news_thumb p{ width:254px; padding:9px 10px; float:right; font-size:14px; color:#666; line-height:24px; height:138px; overflow:hidden;}
.news_list{ width:540px; padding:30px 10px; float:right;}
.news_list ul li{ border-bottom:1px dashed #ddd;}
.news_list ul li:before{ content:''; width:5px; height:5px; background-color:#bfbfbf; display:inline-block; vertical-align:2px; margin-right:10px; border-radius:50%;}
.news_list ul li a{ font-size:16px; color:#444; line-height:40px;}
.news_list ul li span{ font-size:16px; color:#666; line-height:40px; float:right;}

.product_w{ margin:30px auto;}
.picScroll-left{ position:relative; margin-top:30px;  }
		.picScroll-left .hd{ }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:22px; height:62px; 
			 cursor:pointer; position:absolute; top:50px;}
	    .picScroll-left .hd .prev{ background:url(../images/left_arrow.png) no-repeat center center; left:-24px;}
		.picScroll-left .hd .next{ background:url(../images/right_arrow.png) no-repeat center center; right:-24px; }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{float:left; overflow:hidden; text-align:center; position:relative; margin:0 10px;}
		.picScroll-left .bd ul li .pic{ text-align:center;width:200px; height:150px; overflow:hidden }
		.picScroll-left .bd ul li .pic img{ width:200px; height:150px; display:block; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
		.picScroll-left .bd ul li .pic a:hover img{ transform:scale(1.04);-webkit-transform:scale(1.04);}
		.picScroll-left .bd ul li .title{ line-height:40px; height:40px; width:100%;  }
		.picScroll-left .bd ul li .title a{ color:#444; font-size:14px;}
.links{ margin-bottom:30px;}		
.link-a{ margin-top:10px;}
.link-a a{ line-height:38px; font-size:14px; color:#444; display:inline-block; margin-right:36px;}	
.link-a a:hover{ color:#7eba46;}
.bottom{ width:100%; background-color:#7eba46;}
.bottom_w{ padding:30px 0 20px}
.bottom_w p{ text-align:center; font-size:16px; line-height:40px; color:#fff;}
.bottom_w p a{ color:#e5e5e5;}
.bottom_w p.beian{ color:#e5e5e5;}
.bottom_w p.beian img{ margin-right:4px; vertical-align:-4px;}

.ban2{ width:100%; height:240px; position:relative; margin-bottom:140px;}
.inner_til{ width:190px; height:190px; border-radius:50%; background:rgba(96,150,4,0.3); position:absolute; left:50%; margin-left:-95px; bottom:-95px;}
.inner_til h3{ width:172px; height:172px; border-radius:50%; background:rgba(96,150,4,1.0); margin:9px auto; text-align:center; color:#fff; font-size:18px; text-align:center; font-weight:400;  padding-top:26px;}
.news_trend{ margin:30px auto 50px; padding:0 40px;}
.news_trend ul li{ padding:36px 22px; border-bottom:1px solid #ebebeb; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.news_trend ul li .time{ width:90px; float:left; padding-top:3px;}
.news_trend ul li .time .day{ font-size:30px; line-height:30px; color:#333;}
.news_trend ul li .time .year{ font-size:15px; line-height:15px; color:#666;}
.news_trend ul li .news_brief{ width:824px; float:right;}
.news_trend ul li .news_brief h3{ font-size:16px; color:#444; line-height:28px; font-weight:400;}
.news_trend ul li .news_brief p{ font-size:14px; color:#666; line-height:24px; height:24px; overflow:hidden;}
.news_trend ul li:hover{ background-color:#f5f5f5;}

.page_all{ text-align:center; width:100%; margin:30px 0 30px;}
.page_all span.last{border: 1px solid #e4eaec;padding: 9px 15px;background: #fff;color: #ccd5db;cursor: default;}
.page_all a.cur{ background-color:transparent; color:#7eba46; border:none;}
.page_all a{ border: 1px solid #e4eaec;background: #fff;padding: 9px 15px;text-align: center;color: #76838f;}
.page_all a span.nexta{}

.news_con2{ padding:0 0 30px 0;}
.list_detail{padding:0 20px 30px;}
.list_detail h2{font-size: 24px;color: #000;text-align: center;font-weight: 400;}
.list_detail .p_time{font-size:12px; color:#999; text-align:center; line-height:38px; margin-bottom:10px;}
.list_detail p{font-size: 13px;color: #666;line-height: 24px;margin-bottom: 20px;}
.list_detail img{ max-width:100%; margin:0px auto 20px; display:block;}

.prev_next{ border-top:1px solid #ddd; padding:14px 0; font-size:14px;}
.prev_next ul{width:50%; float:left;}
.prev_next li{ color:#666; line-height:30px;}
.prev_next li a{ color:#999;}
.prev_next li a:hover{ color:#dec450;}
.prev_next span{ background-color:#7eba46; color:#fff; font-size:14px; width:108px; height:30px; float:right; text-align:center; line-height:30px; margin-top:14px;}
.down{ margin:30px auto 50px; padding:0 40px;}
.down ul li{ line-height:52px; border-bottom:1px solid #ebebeb; font-size:16px; color:#444}
.down ul li .down_zl{float: right;padding: 2px 16px; background-color: #bab646;border-radius: 4px;color: #fff;font-size: 13px;line-height: 20px;margin-top:16px ;}

.contact{margin:30px auto 50px; padding:0 100px;}
.map{ width:900px; height:450px;}
.contact_add{ margin:20px 0;}
.contact_add h4{ font-size:18px; color:#444; line-height:38px;}
.contact_add p{ font-size:14px; color:#666; line-height:34px;}
.contact_add p span{ color:#888;}
.mes_form{ margin:20px 0 80px;}
.mes_form h4{font-size:18px; color:#444; line-height:38px; margin-bottom:10px;}
.mes_form li{ margin:16px 0;}
.mes_form li span{ font-size:14px; color:#444; line-height:34px;}
.mes_form li.li_text span,.mes_form li.li_text i{ float:left;}
.mes_form li i{ color:red; margin-left:10px;}
.mes_form input{ background-color:#ffff; border:1px solid #dadada; border-radius:2px; text-indent:6px; height:34px; width:500px;}
.mes_form textarea{ background-color:#ffff; border:1px solid #dadada; border-radius:2px; padding:6px; height:100px; width:500px; float:left;}
.f_sub{ background-color:#f54f4f !important; border:none !important; outline:none; width:200px !important; height:40px !important; line-height:40px !important; text-align:center; color:#fff; font-size:14px; text-indent:0 !important; margin-left:42px;}



.type{margin:30px auto 50px;}
.type_class{ text-align:center;}
.type_class li{ font-size:15px; color:#444; width:110px; height:36px; border-radius:18px; border:1px solid #ddd; display:inline-block; margin:20px; text-align:center; line-height:34px;}
.type_class li a{ display:block;}
.type_class li.on,.type_class li:hover{ background-color:#7eba46; border:1px solid #7eba46;}
.type_class li.on a,.type_class li:hover a{ color:#fff;}

.case,.type{ margin:30px auto 50px;}
.case ul,.type ul{ margin-left:-40px;}
.case ul li,.type ul li{ width:340px; margin-left:40px; margin-bottom:30px; float:left;}
.case ul li .img_box{ width:340px; height:226px; overflow:hidden;}
.case ul li img{ width:380px; height:226px; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; margin-left:0px;}
.case ul li h4{ line-height:38px; font-size:15px; color:#444; text-align:center; background-color:#f5f5f5;}
.case ul li:hover img{ margin-left:-40px;}

.type ul{ margin-top:20px;}
.type ul li .img_box{ width:340px; height:255px; overflow:hidden;}
.type ul li img{ width:380px; height:255px; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; margin-left:0px;}
.type ul li h4{ line-height:38px; font-size:15px; color:#444; text-align:center; background-color:#f5f5f5;}
.type ul li:hover img{ margin-left:-40px;}

.mod18{width:840px;position:relative;margin:0px auto 30px;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:210px;width:32px;height:48px;}
.mod18 #prev,.mod18 #next{top:498px;width:10px;height:16px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:720px;height:428px;position:absolute;color:#fff;}
.mod18 .cf a img{ width:auto; height:428px;}
.mod18 .cf li span{display:block;width:720px;position:absolute;left:60px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);}
.mod18 .picBox{width:840px; height:448px; padding-left:60px; padding-right:60px;position:relative;overflow:hidden;  padding-top:20px;}
.mod18 .picBox ul{position:absolute; left:0;}
.mod18 .picBox li{padding-left:60px;width:780px;height:428px;}
.mod18 .listBox{width:720px;height:120px;margin:0 auto;position:relative;overflow:hidden;}
.mod18 .listBox ul{height:110px;position:absolute; padding-left:6px; overflow:hidden;width:720px!important;}
.mod18 .listBox li{width:141px;height:90px;cursor:pointer;position:relative; padding:5px 0 0 0; overflow:hidden; margin-top:10px;}
.mod18 .listBox li img{ width:120px; height:82px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox img{border:3px solid #fff;}
.mod18 .listBox .on img{border:3px solid #7eba46;}
.mod18 .listBox .on{background:url(../images/img_bg.png) center top no-repeat;}
.mod18 .listBox .on i{display:block;}

/* CSS Document */